<div class="rights_box">
  <!-- 面包屑模块 -->
  <el-row>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>商品管理</el-breadcrumb-item>
      <el-breadcrumb-item>分类参数</el-breadcrumb-item>
    </el-breadcrumb>
  </el-row>

  <el-row class="select_box">
    <el-cascader
      v-model="cateChecked"
      :options="cateList"
      :props="{ expandTrigger: 'hover', value: 'cat_id', label: 'cat_name' }"></el-cascader>
  </el-row>

  <el-row>
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="动态参数" name="first">
        <el-row>
          <el-button type="success">添加参数分类</el-button>
        </el-row>

        <el-table
        :data="randerParamsInfoList"
        border
        style="width: 100%">
          <el-table-column type="expand">
            <template slot-scope="data">
              <el-tag
              style="float: left;"
              :key="item"
              v-for="item in data.row.attr_vals"
              closable
              :disabled-transitions="false"
              @close="deleteInfoHandler(data.row.attr_vals, item, data.row.attr_name, data.row.attr_id)">
                {{item}}
              </el-tag>
              <el-col :span="2">
                <el-input
                class="input-new-tag"
                v-if="inputVisible"
                v-model="addParamsInfo"
                ref="saveTagInput"
                size="small"
                @keydown.enter.native="addParamsInfoHandler(data.row)">
              </el-input>
              <el-button @click="showAddTagHandler" v-else class="button-new-tag" size="small">+ New Tag</el-button>
              </el-col>
            </template>
          </el-table-column>
          <el-table-column
            label="序号"
            type="index"
            width="70">
          </el-table-column>
          <el-table-column
            label="商品参数名称"
            prop="attr_name">
          </el-table-column>
          <el-table-column label="操作">
            <template slot-scope="data">
              <el-tooltip class="item" effect="dark" content="编辑" placement="left">
                <el-button icon="el-icon-edit" size="mini" type="success" circle></el-button>
              </el-tooltip>
              <el-tooltip class="item" effect="dark" content="删除" placement="top">
                <el-button icon="el-icon-delete" size="mini" type="danger" circle></el-button>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="静态参数" name="second">静态参数</el-tab-pane>
    </el-tabs>
  </el-row>
</div>